<template>
	<view class="ocr_bg" v-if="sta == 1">
		<view class="ocr_box">
			<view class="ocr_box1">
				<image class="ocr_img1" src="../../static/64.png" mode=""></image>
				<view>请上传借款人身份证</view>
			</view>
			<view class="ocr_box2">
				<image src="../../static/22.png" mode=""></image>
				<view>上传身份证人像面</view>
			</view>
			<view class="ocr_box3">
				<view>姓名</view>
				<view>彭于晏</view>
			</view>
			<view class="ocr_box3">
				<view>身份证号码</view>
				<view>350521111111111111</view>
			</view>
			<view class="ocr_box3">
				<view>身份证有效期</view>
				<view>2020/02/02-2030/02/02</view>
			</view>
			<view class="ocr_box3">
				<view>性别</view>
				<view>女</view>
			</view>
			<view class="ocr_box3">
				<view>居住地址</view>
				<view>厦门市思明区观音山</view>
			</view>
			<view class="all_btn ocr_btn" @click="tz()">确认</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sta:0
			}
		},
		props:['status'],
		watch:{
			status:function(){
				this.sta = this.status
			}
		},
		methods: {
			tz:function(){
				this.sta = 0
				this.$emit('orcStatus',this.sta)
			}
		}
	}
</script>

<style>
	.ocr_btn{
		width: 100%;
		margin-top: 50rpx;
	}
	.ocr_box3{
		height:78rpx;
		background:rgba(250,250,250,1);
		border:1px solid rgba(230,230,230,1);
		border-radius:10rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20rpx;
		box-sizing: border-box;
		margin-bottom: 20rpx;
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(0,0,0,1);
	}
	.ocr_box2>image{
		width: 324rpx;
		height: 220rpx;
		margin-bottom: 20rpx;
	}
	.ocr_box2{
		width: 324rpx;
		margin: 40rpx auto;
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		text-align: center;
	}
	.ocr_img1{
		width: 40rpx;
		height: 40rpx;
		margin-right: 21rpx;
	}
	.ocr_box1{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(0,0,0,1);
		padding-bottom: 20rpx;
		box-sizing: border-box;
		border-bottom: 1px solid #E6E6E6;
	}
	.ocr_box{
		width: 100%;
		padding: 30rpx;
		box-sizing: border-box;
		background:rgba(255,255,255,1);
		border-radius:10rpx;
		margin-top: 100rpx;
	}
	.ocr_bg{
		width: 100vw;
		height: 100vh;
		padding: 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: rgba(0,0,0,0.3);
	}
</style>
